import React from "react";

export default function Hook1() {
  //调用 React.useState                  0  创建新状态的初始值
  //  解构赋值的语法  count 状态变量   setCount 为修改状态的一个函数
  let [count, setCount] = React.useState(0); //返回值是一个数组

  //声明一个函数, 作为点击事件回调
  let handleClick = () => {
    //更新状态
    setCount(count + 1); //修改了状态
    //查看状态   这里 count 是一个旧的状态值, 还未更新
    // console.log(count);
    //查看最新的状态值
    setCount((count) => {
      //这里得到的状态是最新的状态
      // console.log(count);
      return 2;
    });
  };

  return (
    <div>
      <h1>{count}</h1>
      <button onClick={handleClick}>点击新增</button>
    </div>
  );
}
